/**
 * Stylesheet dedicated to the p:tabView components skinning inside the application pages. 
 * Skinning defines the look and feel properties like colors, border colors, background images. 
 * This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Navigation bar inside tab views */
.tabView>.ui-tabs-nav{
	background: none!important;
}

/* Tab content inside tab views */
.tabView>.ui-tabs-panels{
	background: linear-gradient(to bottom, #fcfff4 0%, #f7f5f1 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #f7f5f1 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #f7f5f1 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #f7f5f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfff4), color-stop(100%, #f7f5f1) );
	background: -webkit-linear-gradient(top, #fcfff4 0%, #f7f5f1 100%);
	border: 1px groove #bbb1aa;
}

/* Tabs inside tabViews */
.tabView>ul>li{
	background: #ffffff!important;
	background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important;
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important;
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff) )!important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important;
}

/* Selected tabs inside tabViews */
.tabView>ul>li[class *="ui-state-active"] {
	font-weight: bold;
}